<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <title>20201260618-刘世宇-taptap</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/jijiangshangxian.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>
<body>
    <div id="nav">
        <ul>
            <li>
                <a href="./index.html">推荐</a>
            </li>
            <li>
                <a href="./jijiangshangxian.html">即将上线</a>
            </li>
            <li>
                <a href="#">排行榜</a>
            </li>
            <li>
                <a href="#">视频</a>
            </li>
            <li>
                <a href="./search.html"><span class="iconfont icon-icon-search"></span></a>
                <a href="./denglu.html"><span class="iconfont icon-yonghu"></span></a>
            </li>
            
        </ul>
    </div>
    <div class="swiper-container" id="s3">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                6月15日 周二：
                代号：ATLAS 发布
            </div>
            <div class="swiper-slide">
                6月15日 周二：
                迷雾侦探 发布
            </div>
            <div class="swiper-slide">
                6月15日 周二：
                绿茵信仰 发布
            </div>
            <div class="swiper-slide">
                6月15日 周二：
                奶牛镇的小时光 发布
            </div>
            <div class="swiper-slide">
                6月16日 周三：
                哈利波特魔法觉醒 发布
            </div>
            <div class="swiper-slide">
                6月16日 周三：
                爸爸，活下去 发布
            </div>
        </div>
    </div>
    <div id="main">
        <ul>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-1.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>代号：ATLAS</h4>
                            <p>问卷招募 | 海洋废土吐槽,枪战异变生物,建造海上基地</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-2.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>迷雾侦探</h4>
                            <p>在像素风赛博朋克世界，化身福尔摩斯探索真相</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-3.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>绿茵信仰</h4>
                            <p>问卷招募 | 圆梦绿茵，豪门俱乐部正版授权，真实联赛模式复刻</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-4.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>奶牛镇的小时光</h4>
                            <p>工会系统新玩法即将上线，npc结婚剧情即将开始</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-5.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>哈利波特魔法觉醒</h4>
                            <p>重返霍格沃茨，书写属于你的魔法世界</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./img/zuoye7-6.jpg">
                    <div class="neirong">
                        <div class="wenzhongwen">
                            <h4>爸爸，活下去</h4>
                            <p>用自己的智慧，经营重病父亲留下来的公司</p>
                        </div>
                        <div class="tubiao">
                            <h4>预约</h4>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div id="bnav">
        <ul>
            <li>
                <a href="#">
                    <span class="iconfont icon-xiazai45"></span>
                    <h5>首页</h5>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-faxian"></span>
                    <h5>发现</h5>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-duihuakuang"></span>
                    <h5>动态</h5>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-xiaoxi1"></span>
                   <h5>消息</h5>
                </a>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-game"></span>
                    <h5>我的游戏</h5>
                </a>
            </li>
        </ul>
    </div>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper('#s3', {
                direction: 'vertical',
                autoplay: {
                    delay: 2000,
                    disableOnInteraction: true,
                },
            });
    </script>
</body>
</html>